VisualHMI - 文本控件

什么是文本控件?

image-20231115145756164

文本控件常用于字符串变量的显示、设置。屏幕键盘输入支持GBK、UTF-8,PLC对屏幕读写支持CBK、UTF-8、UNICODE编码显示,输入最大支持2K字节显示

适用范围:VisualHMI - HMI&M系列

例程下载链接:ViusalHMI - 文本控件(点击下载)

1. 属性介绍

本章节重点介绍功能数值控件的属性,分为功能设置和外观设置

1.1.功能设置

文本控件的功能设置,属性如下所示

image-20231115171510264

  1. 启动输入:

    • 键盘类型:弹出键盘、外接键盘;

    • 键盘画面:选择键盘所在的画面;

    • 键盘位置:键盘弹出的位置;

    • 键盘初始值:键盘是否显示初始值。

  2. 读取地址:读取控件关联的变量地址;

  3. 写入地址:

    • 与读取相同:

    • 与读取不同:

  4. 最大长度:文本输入的最大字节数;

  5. 编码:支持GB CODE、UTF8格式编码键盘输入;支持GB CODE、UTF8、UNICODE编码显示

  6. 密码显示:内容以“*”的形式显示;

  7. 高低字节互换:

  8. 自动换行:文本内容换行显示。

1.2.外观设置

文本控件的功能设置,外观属性如下所示

image-20231115171551920

  1. 字体:显示内容的字体类型;

  2. 字体大小:显示内容的字体大小;

  3. 对齐:支持左、居中、右的显示效果;

  4. 闪烁:显示内容的闪烁频率;

  5. 跑马灯:可设置为无、左移动、有移动、上移动、下移动

  6. 速度:每秒移动的像素

  7. 文字颜色:显示内容的颜色;

  8. 显示背景:无、背景颜色、背景图片;

  9. 输入背景色:当键盘初始值配置“有”时,弹出键盘的初始值背景色

  10. 控制地址:动态设置字体(编号|大小)、前景色(RGB565)、背夏色(RGB565)

    • 输入LW1000:即LW1001为设置字体(①高8位为字体编号、②低8位为字体大小)

    image-20231115141946154

    • LW1001:为设置文本的前景色,16位色RGB565

    • LW1002:为设置文本的前景色,16位色RGB56

2. 应用案例

2.1 UTF8编码

2.1.1 工程配置

在画面中添加一个【文本控件】,用来演示UTF-8编码,配置如下所示:

  1. 启用输入:√;

    • 键盘画面:101_full800*480;
  2. 读取地址:LW1001;

  3. 编码:UTF-8

image-20231115171910646

2.1.2 运行预览

运行虚拟屏,ViuslHMI和虚拟屏连接,编码选择为UTF8、输入“广州大彩HMI”,虚拟屏刷新显示。点击文本弹出键盘,输入“你好”回车。DBBUS为例,下发指令如下所示:

发送广州大彩HMI” :AA 55 00 17 F1 10 01 E5 B9 BF E5 B7 9E E5 A4 A7 E5 BD A9 48 4D 49 00 00 00 CC CC 输入”你好 ” :AA 55 00 0E F2 10 01 04 E4 BD A0 E5 A5 BD 00 00 CC CC

Video_2023-11-15_153033

2.2 GBK编码

2.2.1 工程配置

在画面中添加一个【文本控件】,用来演示GBK编码,配置如下所示:

  1. 启用输入:√;

    • 键盘画面:101_full800*480;
  2. 读取地址:LW1020

  3. 编码:GBK编码

image-20231115172032112

2.2.2 运行预览

运行虚拟屏,ViuslHMI和虚拟屏连接,编码选择为GBK、输入“广州大彩HMI”,虚拟屏刷新显示。点击文本弹出键盘,输入“你好”回车。DBBUS为例,下发指令如下所示:

发送广州大彩HMI” :AA 55 00 13 F1 10 20 B9 E3 D6 DD B4 F3 B2 CA 48 4D 49 00 00 00 CC CC 输入”你好 ” :AA 55 00 0C F2 10 20 03 C4 E3 BA C3 00 00 CC CC

Video_2023-11-15_153723

2.3 设置字体样式/大小、前景/背景色、高低位互换

2.3.1 工程配置

在画面中添加一个【文本控件】,用来演示高低字节互换、字体显示,配置如下所示:

  1. 启用输入:√;

    • 键盘画面:101_full800*480;
  2. 读取地址:LW1040;

  3. 编码:GB CODE

  4. 高低字节互换:√

  5. 控制地址:LW8000

    • LW8000:高字节表示字库,低字节表示字号大小
    • LW8001:RGB565 前景色
    • LW8002:RGB565 背景色

    image-20231115172241095

2.3.2 运行预览

点击弹出键盘,输入“AB”回车,下发指令如下所示:AA 55 00 0A F2 10 40 02 42 41 00 00 CC CC

由于配置高低字节显示,所以在指令中,字符串“AB”传输为0x42 0x41。

PLC发送指令为,发送:AA 55 00 09 F1 10 40 31 32 33 34 CC CC

由于配置高低字节互换后显示,所以显示为2143。

PLC 设置控制地址,发送:AA 55 00 0B F1 80 00 01 32 F8 00 FF E0 CC CC

即显示字库1样式、50号字体大小,前景色为黑色、背景色为黄色。

Video_2023-11-15_155002

2.4 UNICODE编码

2.4.1 工程配置

在画面中添加一个【文本控件】,用来演示UNICODE编码,跑马灯右移动,配置如下所示:

  1. 读取地址:LW1060;

  2. 编码:UNICODE

  3. 跑马灯:左移动

    • 速度:10

    image-20231115172438355

2.4.2 运行预览

运行虚拟屏,ViuslHMI和虚拟屏连接,编码选择为UNICODE、输入“广州大彩HMI”,虚拟屏刷新显示,并从左往右移动。DBBUS为例,指令如下所示:

Video_2023-11-15_170700

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2023-12-07 19:05:20

results matching ""

    No results matching ""